/* // const token = localStorage.getItem('token')
// const password = localStorage.getItem('password')
// //  判断有没有用户名 有则登录 没有则 跳到注册页面
// if(token || password){
//   //  有则可以进行登录
//   console.log(token,'可以拿到');
//   console.log(password,'可以拿到');
//   //  调接口 进行登录
//   document.querySelector('#btn-login').addEventListener('click', async function(){
//     console.log('登录');
// try {
//   const data = serialize(document.querySelector('.login-form'),{hash:true,empty:true})
//   console.log(data);
//  const lists = await axios({
//   url:'/login',
//   method:'post',
//   data:{
//     ...data
//   }
//  })
//  console.log(lists);
// } catch (error) {
//   showToast(error.response.data.message)
//   location.href = "../index.html"
//   console.log(error.response.data.message);
// }
//   })
// } else {
//   location.href = '../register.html'
// } */

// 测试用 完事删除
/* --------------------------------------------------------------- */
//  登录
document.querySelector('#btn-login').addEventListener('click',async function(){
  //  收集表单数据
 const {username,password} = serialize(document.querySelector('.login-form'),{hash:true,empty:true})
 // 判断 输入框 的账号密码是否符合规范
 if(!username){
  showToast('账号不能为空')
  return
 }
 if(!password){
  showToast('密码不能为空')
  return
 }
 if(username.length>30 || username.length<8){
  showToast('用户名长度 8-30 个字符')
  return
 }
 if(password.length>30 || password.length<6){
  showToast('密码长度 6-30 个字符')
  return
 }
 try {  
  //  符合则调用接口  本地储存  并跳转到登录页面 
   const res = await axios.post('/login',{username,password})
   showToast(res.data.message)
   const {token,username:uname} = res.data.data
   localStorage.setItem('username',uname)
   localStorage.setItem('token',token)
   //  跳转
   setTimeout(()=>{
    //  实际上是 html 页面之间的关系进行跳转
     location.href = "./index.html"
   },1500)
 } catch (error) {  //  不符合弹出 提示
  showToast(error.response.data.message)
 }
})



























